Tutorial: Playback using Chromecast

Playback using Chromecast

A. Getting started

  1. Clone the gh repo clone mediakind-video/wmc repo
  2. Do npm ci
  3. Build with npm run build
  4. Enable the chromecast using enableChromecast(AppId:string) API and add tag <google-cast-launcher title="WmcCastButton"></google-cast-launcher> in the HTML file.
  5. Debug with npm start

Cast Receiver ID : 5A468DEE

Cast Message Namespace : urn:x-cast:com.mediakind.cast.media

Cast Receiver URL: https://wmc.mr.tv3cloud.com/chromecast/mkplayer/receiver.html

Cast Sender URL: https://wmc.mr.tv3cloud.com/nba/RefApp/index.html

B. Debugging Chromecast using Chrome Browser

  1. Casting device should now be visible in the chrome remote debugger (chrome://inspect/#devices)
  2. Whenever you make changes to the sender code you can clear the chromecast cache by calling window.location.reload() in the chromecast remote debugger

C. Troubleshooting

I've created a new cast application but cannot cast to it

  • Make sure to reboot your chromecast device after creating a new application, otherwise your chromecast might not be able to connect.
  • If your cast application is unpublished it will only work on registered devices. (See B. in Debug on a chromecast)

I am not able to play back DRM protected content

  • DRM playback only works if you host the chromecast receiver application via https. (Otherwise you should see Error code 6001 in the debugger.)